.status-indicator {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 8px;
}

.status-connected {
	background: var(--status-218838);
}

.status-warning {
	background: var(--status-fbbf24);
}

.status-disconnected {
	background: var(--status-dc3545);
}

.typing-indicator {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 8px;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	font-size: 0.8rem;
	margin-top: 5px;
}

.typing-dot {
	width: 6px;
	height: 6px;
	background: var(--text-0f1e0f);
	border-radius: 50%;
	opacity: 0.6;
	animation: pulse 1.5s infinite;
}

.typing-dot:nth-child(2) {
	animation-delay: 0.2s;
}

.typing-dot:nth-child(3) {
	animation-delay: 0.4s;
}